<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>天猫后台管理首页</title>
<link rel="stylesheet" href="css/admin.css">
<link rel="stylesheet" href="css/porduct.css">
<link rel="stylesheet" href="css/user.css">
<link rel="stylesheet" href="css/review.css">
<script src="js/jquery.min.js"></script>
</head>
<body>
	<div id="top">
		<div id="top-left">
			<img src="" alt="">
		</div>
		<img src="" alt="">
		<a href=""><span class="user-info"><small>欢迎光临,</small><br>${adminLogin.adminName }</span></a>
	</div>
	<div id="tbody">
		<div id="tbody-left">
			<a href="admin.jsp" class="usePor"><span>系统首页</span></a>
			<hr>
			<!-- 商品管理列表 -->
			<a href="javascript:show('myul')" class="usePor"><span>商品管理</span></a>
			<hr>
			<ul id="myul">
				<a href="#" onclick="myHref('porduct.jsp')"><li><span>商品类表</span></li></a>
				<hr>
			</ul>
			<!-- 用户管理列表 -->
			<a href="javascript:show('myul2')" class="usePor"><span>用户管理</span></a>
			<hr>
			<ul id="myul2">
				<a href="#" onclick="myHref('user.jsp')"><li><span>用户类表</span></li></a>
				<hr>
			</ul>
			<!-- 订单管理列表 -->
			<a href="javascript:show('myul3')" class="usePor"><span>订单管理</span></a>
			<hr>
			<ul id="myul3">
				<a href="#" onclick="myHref('order.jsp')"><li><span>交易订单</span></li></a>
				<hr>
			</ul>
			<!-- 评论管理 -->
			<a href="javascript:show('myul4')" class="usePor"><span>评论管理</span></a>
			<hr>
			<ul id="myul4">
				<a href="#" onclick="myHref(/review.jsp')"><li><span>评论类表</span></li></a>
				<hr>
			</ul>
		</div>
		<div id="tbody-right">
			<span class="first-page"><a href="">首页</a>&nbsp;></span>
			<hr>
			<div class="welcome-admin">
				<span>欢迎使用后台管理系统(v1.2)</span>
			</div>
			<iframe  frameborder="0" scrolling="no" name="myFrame" id="myFrame" width="100%" height="600px">
				
			</iframe>
		</div>
	</div>
</body>
<script>
	function myHref(url){
		document.getElementById("myFrame").src=url;
		
	}
	function show(id){
		if($(id).style.display=="block"){
		 	$(id).style.display="none";
		}else{
			$(id).style.display="block";
		}
	};
	function $(id){
		return window.document.getElementById(id);
	}
	
</script>
</html>